<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>INSPINIA Admin Theme Documentation</title>

    <link href="css/bootstrap.css" rel="stylesheet">

    <style>

        .documentation .jumbotron .row {
            padding-top: 60px;
        }

        .anchor {
            padding-top: 50px;
        }

    </style>
</head>
<body class="documentation">


<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html">INSPINIA - Documentation</a>
        </div>
    </div>
</div>

<div class="jumbotron">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <h2>INSPINIA - ReactJS Seed Project</h2>

                <p>Thank you for purchasing INSPINIA admin theme. If you have any questions about the template, please feel free to contact us via email: <a href="mailto:support@webapplayers.com">support@webapplayers.com</a>.<br/>
                    Thanks very much!</p>


            </div>
            <div class="col-md-6">
                <img src="img/preview.png" alt="screen" class="img-responsive"/>

            </div>
        </div>

    </div>
</div>

<div class="container">

<div class="row">
<div class="col-md-12">
<h3>About the project</h3>

<p>
    Inspinia ReactJS Seed Project is a special starter project for all users who want's to start developing
    with ReactJS and don't want to wait for full version. It is a core Inspinia project with layout, example views and styles.
    If you plan to work on ReactJS then this project should save you some time on initial integration work.
    <br/>
    <br/>
    This documentation provide simple instruction how  you can run the project.
    Please note that in future I will provide full version for ReactJS and this documentation will be upgraded with more detailed description.
</p>
    </div>
    </div>




<div class="row">
    <div class="col-md-12">
        <h3>Project description</h3>
        <h4>First run</h4>

        <p>
            Project is build with npm and webpack module.<br/>
            Once you unzip the archive please install all dependencies:<br/>
        </p>

        <p>
            <code>
                npm install
            </code>
        </p>

        <p>
            In the <strong>package.json</strong> file you can two main commands:
        </p>

        <p>
            <code>npm start</code> - this will start development version on your localhost.<br/>
            <code>npm run build</code> build - this will build version and copy it to the dist folder.
        </p>

        <br>
            The whole project files are located under <strong>app/</strong> folder.<br/>
            The structure is easy. Main React render component is located in <strong>app/</strong> index.js file. <br/>
            All shared component like footer, navigation, layout you can find in <strong>app/components/common</strong> folder <br/>
            Routes configuration you can find in <strong>app/config/routes.js</strong> file.<br/>
            View files are located in <strong>app/views/</strong> folder.
        </p>

        <p>
            In the <strong>public/</strong> folder I place the main Inspinia and vendor files (css and js).
        </p>

        <p>
            Other folders are core ReactJS project folders.
        </p>

        <p>
            Please note that this is a starter project so it is no a full version. It should help you start with Inspinia and ReactJS and save you some time on initial integration.
            If you will find any issues or bugs please report it on my support email and if you will have any questions also feel free to write to me anytime.
        </p>


    </div>

</div>

</div>

<script src="js/jquery-1.10.2.js"></script>
<script src="js/bootstrap.js"></script>

</body>
</html>